/******/ (function(modules) { // webpackBootstrap
/******/ 	// The module cache
/******/ 	var installedModules = {};

/******/ 	// The require function
/******/ 	function __webpack_require__(moduleId) {

/******/ 		// Check if module is in cache
/******/ 		if(installedModules[moduleId])
/******/ 			return installedModules[moduleId].exports;

/******/ 		// Create a new module (and put it into the cache)
/******/ 		var module = installedModules[moduleId] = {
/******/ 			exports: {},
/******/ 			id: moduleId,
/******/ 			loaded: false
/******/ 		};

/******/ 		// Execute the module function
/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);

/******/ 		// Flag the module as loaded
/******/ 		module.loaded = true;

/******/ 		// Return the exports of the module
/******/ 		return module.exports;
/******/ 	}


/******/ 	// expose the modules object (__webpack_modules__)
/******/ 	__webpack_require__.m = modules;

/******/ 	// expose the module cache
/******/ 	__webpack_require__.c = installedModules;

/******/ 	// __webpack_public_path__
/******/ 	__webpack_require__.p = "";

/******/ 	// Load entry module and return exports
/******/ 	return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ([
/* 0 */
/***/ function(module, exports, __webpack_require__) {

	/**
	 * Created by Administrator on 2017/2/27.
	 */
	var SideBar = __webpack_require__(18);

	var Root = React.createClass({displayName: "Root",
	    getInitialState: function () {
	        return{
	            sideBarItem:PageDM.sideBar.value
	        }
	    },
	    componentDidMount: function(){
	        UEventHub.emit("pageLoad","hello world!");
	    },
	    render: function() {
	        return (
	            React.createElement("div", null, 
	                React.createElement("div", {className: "mod-account container"}, 
	                    React.createElement("div", {className: "sub-nav"}, 
	                        React.createElement(SideBar, {sideBarItem: this.state.sideBarItem})
	                    ), 
	                    React.createElement("div", {className: "account padding"}, 
	                        React.createElement("div", {className: "help-main"}, 
	                            React.createElement("div", {className: "mod-title title"}, React.createElement("b", null), "服务协议详情", React.createElement("b", null)), 
	                            React.createElement("div", {className: "protocol-detail"}, 
	                                React.createElement("h1", null, "《银行卡绑定服务协议》"), 
	                                React.createElement("div", {className: "content"}, 
	                                    React.createElement("p", null, "本平台科技运营商平台科技运营商依据本协议为用户（以下或称“您”）通过本平台绑定银行卡提供服务。本协议对用户和平台科技运营商具有同样法律约束力。"), 
	                                    React.createElement("p", null, React.createElement("b", null, "平台科技运营商在此特别提醒您认真阅读和充分理解本协议各条款，特别是其中所涉及的免除或限制平台科技运营商责任、限制用户权利、争议解决和法律适用等条款。除非您点击勾选同意接受本协议所有条款，否则您无权使用本平台操作银行卡绑定及后续服务（以下简称本服务）。")), 
	                                    React.createElement("p", {className: "fc-link"}, "一、【银行卡绑定服务的确认和接受】"), 
	                                    React.createElement("p", null, "1、银行卡绑定服务，是指由平台科技运营商基于本平台向用户提供的银行卡绑定并通过支付/清算机构在本平台进行投资支付的服务。用户通过本平台服务向投融资项目进行投资及获取回报等服务时，需要在本平台页面输入用户本人银行卡（储蓄卡）卡号、身份证号及银行预留手机号码等信息（企业用户应输入企业银行账户、企业基本信息及联系方式等信息），经支付/清算机构与银行信息交互及系统校验通过后完成绑定。"), 
	                                    React.createElement("p", null, "本平台服务的上述流程和功能可能随时调整和变更，具体以平台科技运营商实际提供为准。"), 
	                                    React.createElement("p", null, "2、平台科技运营商有权根据业务运营的调整，单方修改或变更本协议的内容，并将通过包括但不限于短信、平台推送信息等公布最新的服务协议，不作个別通知。若用户于任何修改或变更本协议后继续使用本服务，则视为用户已阅读、了解并同意接受上述修改或变更，若用户不同意，则用户应主动立即停用本服务。"), 

	                                    React.createElement("p", {className: "fc-link"}, "二、【银行卡绑定服务的要求】"), 
	                                    React.createElement("p", null, "在使用本平台银行卡绑定服务服务前，用户需符合下列要求："), 
	                                    React.createElement("p", null, "（1） 用户使用本服务符合当地的法律法规，并能独立承担法律责任。"), 
	                                    React.createElement("p", null, "（2） 用户已开设了有效的银行账户。"), 
	                                    React.createElement("p", null, "（3） 用户需提供真实、有效、完整的身份证、银行卡、银行预留电话等信息（企业用户需提供企业基本资料、银行账户、经办人身份证、银行预留电话等信息）。"), 
	                                    React.createElement("p", null, React.createElement("b", null, "在用户符合上述要求后，本平台将向支付/清算机构提交上述信息，经支付/清算机构验证成功，确认符合其要求后，用户方可通过该银行卡在本平台进行投资等交易，如支付/清算机构验证不成功，认为用户的信息全部或部分不符合其要求的，视为绑卡不成功，用户将不能使用该银行卡在本平台进行投资等交易。")), 
	                                    React.createElement("p", {className: "fc-link"}, "三、【账户安全】"), 
	                                    React.createElement("p", null, "1、用户应妥善保管银行卡及其密码以及本平台账号及其密码等有关信息，且不得让其他任何人使用，否则，由此导致的风险和损失应由用户自行承担。"), 
	                                    React.createElement("p", null, "2、如用户不慎遗失或泄露上述本平台账号及其密码、发现第三人冒用或盗用上述本平台账号及其密码或发现其他任何未经用户本人合法授权的情形，用户应及时通知平台科技运营商，以减少可能发生的损失。平台科技运营商在接到上述通知前，对第三人使用本平台服务已发生的效力不承担任何责任。"), 

	                                    React.createElement("p", {className: "fc-link"}, "四、【本平台服务的功能】"), 
	                                    React.createElement("p", null, "用户使用本平台服务可实现以下功能，具体以用户申请开通时平台科技运营商实际提供的为准。"), 
	                                    React.createElement("p", null, "（1）支付功能"), 
	                                    React.createElement("p", null, "用户通过本平台向投融资项目支付投资款项时，平台科技运营商将根据用户的支付指令，委托第三方从用户绑定的银行卡中扣划相应金额至相应融资款收款账户。"), 
	                                    React.createElement("p", null, "（2）收款功能"), 
	                                    React.createElement("p", null, "用户通过本平台向投融资项目支付投资款项后，该项目的收益将支付至用户上述绑定的银行卡中，实现用户的投资回报。"), 
	                                    React.createElement("p", null, "（3）退款功能"), 
	                                    React.createElement("p", null, "如用户使用本平台的消费服务过程中发生款项退还的，款项可能退还至用户上述绑定的银行卡中。"), 

	                                    React.createElement("p", {className: "fc-link"}, "五、【本平台服务的使用】"), 
	                                    React.createElement("p", null, "1、在用户使用本平台服务，且用户以及用户绑定的银行卡符合指定条件或状态时，本平台将依约提供支付服务。在用户使用本平台服务时所发出的支付指令是不可撤销的，平台科技运营商有权根据用户发出的指令进行支付。"), 
	                                    React.createElement("p", null, "2、平台科技运营商并非银行或金融机构，无法提供资金即时到账服务，用户认可资金于途中流转需要合理时间。"), 
	                                    React.createElement("p", null, "3、用户使用本平台服务期间，平台科技运营商无须对为用户保管、代收或代付款项的货币贬值、汇率损失和利息损失及其他风险担责，并且平台科技运营商无须向用户支付此等款项的任何孳息。"), 
	                                    React.createElement("p", null, "4、当用户使用本平台服务时，如用户未遵守法律法规、本协议及相关操作提示和业务规则，由此造成的风险和损失由用户自行承担，平台科技运营商不向用户承担任何风险和损失。"), 
	                                    React.createElement("p", null, "5、用户使用本平台服务时，应当仔细确认交易及其金额后进行支付。收到用户的支付指令后，平台科技运营商有权根据用户的指令委托第三方从用户银行卡中扣划资金给收款账户，届时用户不应以未在交易单据中签名、签名不符、非本人意愿交易等原因要求平台科技运营商退款或承担其他责任。"), 
	                                    React.createElement("p", null, "6、用户对使用本平台服务过程中发出指令的合法性、真实性、完整性及有效性承担全部责任；用户承诺平台科技运营商依照用户的指令进行操作的一切风险由用户自行承担。用户认可本平台服务的相关交易信息均以平台科技运营商系统记录的为准。"), 

	                                    React.createElement("p", {className: "fc-link"}, "六、【服务费用】"), 
	                                    React.createElement("p", null, "当用户使用本服务时，平台科技运营商有权向用户收取相关服务费用。同时，平台科技运营商保留制定及调整服务费的权利。除非双方另有约定，平台科技运营商目前免费向用户提供本服务，直至平台科技运营商另行明示公布收费方式。如收取服务费用，用户同意平台科技运营商有权从用户交易款项中实时扣除该费用。"), 

	                                    React.createElement("p", {className: "fc-link"}, "七、【遵守当地法律监管】"), 
	                                    React.createElement("p", null, "1、用户在使用本服务过程中应当遵守当地相关的法律法规，并尊重当地的道德和风俗习惯。如果用户的行为违反了当地法律法规或道德风俗，用户应当为此独立承担责任。"), 
	                                    React.createElement("p", null, "2、如用户所属的国家或地区禁止或限制本协议内容的全部或部分，则用户应立即停止使用本服务。"), 

	                                    React.createElement("p", {className: "fc-link"}, "八、【责任范围及限制】"), 
	                                    React.createElement("p", null, React.createElement("b", null, "1、平台科技运营商仅对本协议中所列明的义务承担责任，且该责任范围仅以用户实际遭受的经济损失为限。")), 
	                                    React.createElement("p", null, React.createElement("b", null, "2、是否绑卡成功，以支付/清算机构验证结果为准，平台科技运营商不对支付/清算机构的验证结果承担任何责任或提供任何保证。因支付/清算机构原因而导致的损失，平台科技运营商不承担任何责任。")), 
	                                    React.createElement("p", null, React.createElement("b", null, "3、本服务是在现有技术水平下提供的，平台科技运营商将尽力为用户提供服务，但无法保证该服务完全符合用户的预期。")), 

	                                    React.createElement("p", {className: "fc-link"}, "九、【不可抗力及其他免责事由】"), 
	                                    React.createElement("p", null, React.createElement("b", null, "1、在使用本平台服务的过程中，可能会遇到不可抗力等风险因素，使服务发生中断。不可抗力是指不能预见、不能克服、不能避免且对一方或双方造成重大影响的客观事件，包括但不限于洪水、地震、瘟疫和风暴等自然灾害以及战争、动乱、政府行为等社会事件。出现上述情况时，平台科技运营商将努力在第一时间与相关单位配合及时进行修复，但由此给用户造成的损失平台科技运营商在法律允许的范围内免责。")), 
	                                    React.createElement("p", null, React.createElement("b", null, "2、在法律允许的范围内，平台科技运营商对以下情形导致的服务中断或受阻不承担责任：")), 
	                                    React.createElement("p", null, React.createElement("b", null, "（1） 受到计算机病毒、木马或其他恶意程序、黑客攻击的破坏；")), 
	                                    React.createElement("p", null, React.createElement("b", null, "（2） 用户的电脑或移动设备的软件、系统、硬件和通信线路出现故障；")), 
	                                    React.createElement("p", null, React.createElement("b", null, "（3） 用户操作不当；")), 
	                                    React.createElement("p", null, React.createElement("b", null, "（4） 用户通过非平台科技运营商授权的方式使用本服务；")), 
	                                    React.createElement("p", null, React.createElement("b", null, "（5） 银行或第三方系统或网络出现故障；")), 
	                                    React.createElement("p", null, React.createElement("b", null, "（6） 其他平台科技运营商无法控制或合理预见的情形。")), 
	                                    React.createElement("p", null, React.createElement("b", null, "3、用户在使用本服务的过程中，平台科技运营商不对下列风险担责：")), 
	                                    React.createElement("p", null, React.createElement("b", null, "（1） 来自他人匿名或冒名的含有威胁、诽谤、令人反感或非法内容的信息；")), 
	                                    React.createElement("p", null, React.createElement("b", null, "（2） 遭受他人误导、欺骗或其他导致任何心理、生理上的伤害以及经济上的损失；")), 
	                                    React.createElement("p", null, React.createElement("b", null, "（3） 其他因网络信息或用户行为引起的风险。")), 
	                                    React.createElement("p", null, React.createElement("b", null, "4、用户在使用本平台服务的过程中，平台科技运营商在法律规定的范围内可处理违法违规内容，但其不构成平台科技运营商的义务或承诺。")), 

	                                    React.createElement("p", {className: "fc-link"}, "十、【暂停、中断或终止服务】"), 
	                                    React.createElement("p", null, "1、平台科技运营商有权基于业务调整或风险管控的需要，经公告通知用户后，暂停、中断或终止向用户提供本服务。"), 
	                                    React.createElement("p", null, "2、平台科技运营商在发现用户有可疑交易时，有权不经通知暂停、中断或终止向用户提供本服务。"), 
	                                    React.createElement("p", null, "3、平台科技运营商发现用户违反本协议约定的，有权暂停、中断或终止向用户提供本服务。"), 

	                                    React.createElement("p", {className: "fc-link"}, "十一、【信息及隐私保护】"), 
	                                    React.createElement("p", null, "平台科技运营商重视对用户信息及隐私的保护，用户的个人信息及隐私依《平台用户服务协议》受到保护与规范，详情请参阅上述协议。"), 
	                                    React.createElement("p", {className: "fc-link"}, "十二、【法律适用及争端解决】"), 
	                                    React.createElement("p", null, "1、本协议签订地为中华人民共和国广东省广州市天河区。"), 
	                                    React.createElement("p", null, "2、本协议的成立、生效、履行、解释及纠纷解决，适用中华人民共和国大陆地区法律。"), 
	                                    React.createElement("p", null, "3、用户和平台科技运营商因本协议产生任何纠纷或争议的，首先应友好协商解决；协商不成的，用户同意将纠纷或争议提交至原告所在地人民法院解决。"), 

	                                    React.createElement("p", {className: "fc-link"}, "十三、【其他条款】"), 
	                                    React.createElement("p", null, "1、广东网金控股股份有限公司为本平台科技运营商。"), 
	                                    React.createElement("p", null, "2、本协议所有条款的标题仅为阅读方便，本身并无实际涵义，不能作为本协议涵义解释的依据。"), 
	                                    React.createElement("p", null, "3、本协议条款无论因何种原因部分无效或不可执行，其余条款仍有效，对双方具有约束力。")
	                                )
	                            ), 

	                            React.createElement("div", {className: "clear"})
	                        )
	                    ), 
	                    React.createElement("div", {className: "clear"})
	                )
	            )
	        )
	    }
	});
	ReactDOM.render(React.createElement(Root, null), document.getElementById('giraffe'));

/***/ },
/* 1 */,
/* 2 */,
/* 3 */,
/* 4 */,
/* 5 */,
/* 6 */,
/* 7 */,
/* 8 */,
/* 9 */,
/* 10 */,
/* 11 */,
/* 12 */,
/* 13 */,
/* 14 */,
/* 15 */
/***/ function(module, exports, __webpack_require__) {

	var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
	  Copyright (c) 2016 Jed Watson.
	  Licensed under the MIT License (MIT), see
	  http://jedwatson.github.io/classnames
	*/
	/* global define */

	(function () {
		'use strict';

		var hasOwn = {}.hasOwnProperty;

		function classNames () {
			var classes = [];

			for (var i = 0; i < arguments.length; i++) {
				var arg = arguments[i];
				if (!arg) continue;

				var argType = typeof arg;

				if (argType === 'string' || argType === 'number') {
					classes.push(arg);
				} else if (Array.isArray(arg)) {
					classes.push(classNames.apply(null, arg));
				} else if (argType === 'object') {
					for (var key in arg) {
						if (hasOwn.call(arg, key) && arg[key]) {
							classes.push(key);
						}
					}
				}
			}

			return classes.join(' ');
		}

		if (typeof module !== 'undefined' && module.exports) {
			module.exports = classNames;
		} else if (true) {
			// register as 'classnames', consistent with npm package name
			!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = function () {
				return classNames;
			}.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__), __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
		} else {
			window.classNames = classNames;
		}
	}());


/***/ },
/* 16 */,
/* 17 */,
/* 18 */
/***/ function(module, exports, __webpack_require__) {

	/*
	 * Created by Administrator on 2017/3/31.
	 */
	var Collapse = __webpack_require__(19).Collapse;
	var Panel = __webpack_require__(19).Panel;
	var SideBar = React.createClass({displayName: "SideBar",
	    getDefaultProps: function() {
	        return{

	        }
	    },
	    getInitialState: function () {
	        return{
	            sideBarItem : this.props.sideBarItem
	        }
	    },
	    componentDidMount:function(){

	    },
	    render: function () {
	        var defaultkey = 0;
	        var sidebarlist = this.state.sideBarItem.sideBarList;
	        for(var i = 0; i < sidebarlist.length; i++){
	            for(var j = 0; j < sidebarlist[i].itemChildList.length; j++){
	                if(sidebarlist[i].itemChildList[j].current){
	                    defaultkey = i;
	                    break;
	                }
	            }
	        }

	        var collapseSettings = {
	            defaultKey: defaultkey,
	            afterCallBack : function(){
	                console.log("回调");
	            }
	        };
	        var panelSettings = {
	            arrow : {
	                style : {
	                    top: "6px",
	                    left: "130px"
	                },
	                openContent : "<i class='icon-sanjiaoxing iconfont'></i>",
	                closeContent : "<i class='icon-sanjiaoxing2 iconfont'></i>"
	            },
	            headerCanClick: true,
	            arrowCanClick: true
	        };
	        return (
	            React.createElement("div", {className: "sub-nav"}, 
	                React.createElement(Collapse, React.__spread({accordion: true},   collapseSettings), 
	                    
	                        this.state.sideBarItem.sideBarList.map(function(item,index){
	                            return (
	                                React.createElement(Panel, React.__spread({title: item.itemName, key: index},  panelSettings), 
	                                    React.createElement("ul", null, 
	                                        
	                                            item.itemChildList.map(function(itm,idx){
	                                                return (
	                                                    React.createElement("li", {className: itm.current?"current":""}, React.createElement("a", {href: itm.childUrl}, itm.childName))
	                                                )
	                                            })
	                                        
	                                    )
	                                )
	                            )
	                        })
	                    
	                )
	            )
	        )
	    }
	})

	module.exports = SideBar;

/***/ },
/* 19 */
/***/ function(module, exports, __webpack_require__) {

	/*
	 * @constructs
	 * Created by Administrator on 2017/2/9.
	 */
	module.exports = {
	    Collapse:__webpack_require__(20),
	    Panel:__webpack_require__(21)
	}

/***/ },
/* 20 */
/***/ function(module, exports) {

	/*
	 * Created by Administrator on 2016/12/9.
	 */
	/**
	 * Collapse组件
	 *
	 * @class Collapse
	 * @extends Basic
	 *
	 * @param [afterCallBack] 回调函数
	 * @param [arrow] 箭头
	 * @param [headerCanClick] 头部是否可点击
	 * @param [arrowCanClick] 箭头是否可点击
	 * @param [accordion] 是否是手风琴效果
	 *
	 * 示例:
	 *
	 *     @example
	 *     var collapseSettings = {
	 *           afterCallBack : function(){
	 *               console.log("回调");
	 *           }
	 *       };
	 *       var panelOneSettings = {
	 *           arrow : {
	 *               style : {
	 *                   top: "0",
	 *                   right: "50px"
	 *               },
	 *               openContent : "修改↓",
	 *               closeContent : "修改↑"
	 *           },
	 *           headerCanClick: false,
	 *           arrowCanClick: true
	 *       };
	 *       var panelTwoSettings = {
	 *           arrow : {
	 *               style : {
	 *                   top: "0",
	 *                   left: "16px"
	 *               },
	 *               openContent : "v",
	 *               closeContent : ">"
	 *           },
	 *           headerCanClick: true,
	 *           arrowCanClick: true
	 *       };
	 *        <Collapse {...collapseSettings}>
	 *            <Panel title={<h4 style={{color: "#000"}}>This is panel header 1</h4>} key="1" {...panelOneSettings}>
	 *                <div>
	 *                    姓名：<input type="text" className="name" /><br /><br />
	 *                    电话：<input type="text" className="phone" />
	 *                </div>
	 *            </Panel>
	 *            <Panel title={'This is panel header 2'} key="2" {...panelOneSettings}>
	 *               <p>内容1</p>
	 *            </Panel>
	 *            <Panel title={'This is panel header 3'} key="3" {...panelOneSettings}>
	 *               <p>内容2</p>
	 *            </Panel>
	 *        </Collapse>
	 *        <Collapse accordion>
	 *            <Panel title={'This is panel header 1'} key="1" {...panelTwoSettings}>
	 *               <p>内容1</p>
	 *            </Panel>
	 *            <Panel title={'This is panel header 2'} key="2" {...panelTwoSettings}>
	 *               <p>内容2</p>
	 *            </Panel>
	 *            <Panel title={'This is panel header 3'} key="3" {...panelTwoSettings}>
	 *               <p>内容3</p>
	 *            </Panel>
	 *        </Collapse>
	 */
	var Collapse = React.createClass({displayName: "Collapse",
	    getDefaultProps: function(){
	        return {
	            defaultKey : 0,
	            afterCallBack: function(){

	            }
	        }
	    },
	    getInitialState: function () {
	        var _this = this;
	        return {
	            panelChildren: _this.props.children.map(function(o,i){
	                return React.cloneElement(o, {
	                    key: i ,
	                    panelKey:i,
	                    active : i==_this.props.defaultKey?true:false,
	                    animClassName : "",
	                    arrowContent : i==_this.props.defaultKey?o.props.arrow.openContent:o.props.arrow.closeContent,
	                    height: i==_this.props.defaultKey?46:0,
	                    callback: _this.callback.bind(_this)
	                });
	            })
	        }
	    },
	    componentWillMount: function(){
	    },
	    componentDidMount: function(){
	    },
	    componentDidUpdate: function(){
	        this.props.afterCallBack();
	    },
	    callback: function(key){
	        var _this = this;
	        _this.setState({
	            panelChildren: _this.props.children.map(function(o,i){
	                if(_this.props.accordion){//判断是否是手风琴
	                    return i == key ? React.cloneElement(o, {
	                        key: i ,
	                        panelKey:i,
	                        active : !_this.state.panelChildren[i].props.active,
	                        animClassName : "ucs-collapse-anim-active",
	                        arrowContent : _this.state.panelChildren[i].props.active?o.props.arrow.closeContent:o.props.arrow.openContent,
	                        //height: _this.state.panelChildren[i].props.active?0:46,
	                        callback: _this.callback.bind(_this)
	                    }):React.cloneElement(o, {
	                        key: i ,
	                        panelKey:i,
	                        active : false,
	                        animClassName : "ucs-collapse-anim-active",
	                        arrowContent : o.props.arrow.closeContent,
	                        //height:0,
	                        callback: _this.callback.bind(_this)

	                    });
	                }else{
	                    return i == key ? React.cloneElement(o, {
	                        key: i ,
	                        panelKey:i,
	                        active : !_this.state.panelChildren[i].props.active,
	                        animClassName : "ucs-collapse-anim-active",
	                        arrowContent : _this.state.panelChildren[i].props.active?o.props.arrow.closeContent:o.props.arrow.openContent,
	                        //height: _this.state.panelChildren[i].props.active?0:46,
	                        callback: _this.callback.bind(_this)
	                    }):React.cloneElement(o, {
	                        key: i ,
	                        panelKey:i,
	                        active : _this.state.panelChildren[i].props.active,
	                        animClassName : "",
	                        arrowContent : _this.state.panelChildren[i].props.active?o.props.arrow.openContent:o.props.arrow.closeContent,
	                        //height: _this.state.panelChildren[i].props.height,
	                        callback: _this.callback.bind(_this)
	                    });
	                }

	            })
	        });
	        /*setTimeout(function(){
	            _this.setState({
	                panelChildren: React.Children.map(_this.props.children,function(o,i){
	                    return React.cloneElement(o, {
	                        key: i ,
	                        panelKey:i,
	                        active : _this.state.panelChildren[i].props.active,
	                        animClassName : "",
	                        callback: _this.callback
	                    });
	                })
	            });
	        },200);*/
	    },
	    render: function(){
	        var _this = this;
	        var children = _this.state.panelChildren;
	        return (
	            React.createElement("div", {className: "ucs-collapse"}, children)
	        );
	    }
	});

	module.exports = Collapse;

/***/ },
/* 21 */
/***/ function(module, exports, __webpack_require__) {

	
	var classnames = __webpack_require__(15);

	var Panel = React.createClass({displayName: "Panel",
	    getDefaultProps: function(){
	        return {
	            arrow : {
	                style : {
	                    top: "0",
	                    left: "16px"
	                }
	            },
	            headerCanClick: true,
	            arrowCanClick: true
	        };
	    },
	    getInitialState: function () {
	        return {

	        }
	    },
	    componentWillMount: function(){

	    },
	    componentDidMount: function(){

	    },
	    handlerShow: function(canClick,e){
	        var evt = e ? e : window.event;
	        if (evt.stopPropagation) {
	            //W3C
	            evt.stopPropagation();
	        } else {
	            //IE
	            evt.cancelBubble = true;
	        }
	        var _this = this;
	        if(canClick){
	            _this.props.callback(_this.props.panelKey);
	        }else{
	            return;
	        }
	    },
	    componentDidUpdate: function(){

	    },
	    render: function(){
	        var _this = this;
	        var panelClassName = classnames('ucs-collapse-item',{
	            'ucs-collapse-item-active': _this.props.active
	        });
	        var conClassName = classnames('ucs-collapse-content',{
	            'ucs-collapse-content-inactive': !_this.props.active
	        },{
	            'ucs-collapse-content-active': _this.props.active
	        },_this.props.animClassName);
	        return (
	            React.createElement("div", {className: panelClassName}, 
	                React.createElement("div", {className: "ucs-collapse-header", role: "tab", "aria-expanded": _this.props.active, onClick: _this.handlerShow.bind(_this,_this.props.headerCanClick)}, 
	                    React.createElement("span", {className: "arrow", style: _this.props.arrow.style, onClick: _this.handlerShow.bind(_this,_this.props.arrowCanClick)}, _this.props.arrowContent), 
	                    _this.props.title
	                ), 
	                React.createElement("div", {className: conClassName, role: "tabpanel"}, 
	                    React.createElement("div", {className: "ucs-collapse-content-box"}, 
	                        _this.props.children
	                    )
	                )
	            )
	        );
	    }
	});

	module.exports = Panel;

/***/ }
/******/ ]);